<template>
  <div class="portal-quick-menu border-shadow">
					<p class="quick-t">快捷业务入口</p>
					<div class="mt-15" style="display:block;padding:0 15px;">
						<el-row :gutter="20">
						<router-link  v-for="(item,index) in quickEnter" :key="index" :to="{ path:item.path}">
							<el-col :span="8">
								<div class="q-menu-list mb-15">
									<img :span='8' :src="item.img" alt="">
									<div :span='16'>
										<h5 class="">{{item.title}}</h5>
										<p>{{item.subtitle}}</p>
									</div>
								</div>
							</el-col>
						</router-link>
						<el-col :span="8">
								<div class="q-menu-list mb-15">
									<img :span='8' src="../../../assets/images/q-unit-ratio-adjustment.png" alt="">
									<div :span='16'>
										<h5 class="">单位比例调整</h5>
										<p>变更缴存</p>
									</div>
								</div>
							</el-col>
					</el-row>
					</div>
				</div>
</template>
<script>
import axios from 'axios'
import { getDemoListPage } from '@/api/api';
export default {
	data(){
		return{
			//模拟菜单数据
			quickEnter:[
				{
					"path": '/nav1-1',
					"img":"../../assets/images/q-unit-ratio-adjustment.png",
					"title":"单位比例调整",
					"subtitle":"变更缴存"
				}
				]
		}
	},
	methods:{
		getDemo() {//获取列表数据
			var _this = this;
			let para = { //参数
				currentpage:1,
				number:10,
				eSelectId:0,
				eText: "",
				eRadio:""
			};
			getDemoListPage(para).then((res) => {
				console.log("快捷入口")
				console.log(res.data.result.row);
			});
		}
	},
	mounted(){
		this.getDemo()
	}
  
}
</script>
